<template>
  <div>
    <h2>父组件</h2>
    <p>{{ num }} --- {{ num2 }}</p>
    <hr>
    <!-- <son :value="num" @input="val => num = val" /> -->
    <!-- <son v-model="num" /> -->
    <!-- <son
      :a="num"
      :b="num2"
      @chang:a="val => num = val"
      @chang:b="val => num2 = val"
    /> -->
    <son
      :a.sync="num"
      :b.sync="num2"
    />
  </div>
</template>

<script>
import Son from '@/views/demo/son/index.vue'
export default {
  components: {
    Son
  },
  data() {
    return {
      num: 100,
      num2: 200
    }
  }
}
</script>
